<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>角色管理</title>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/theme/theme.css" />
	</head>
	<body class="wrap-container clearfix">
		<div class="column-content-detail">
			<form class="layui-form">
			<div class="search-cont clearfix" id="tool">
				<div class="operation-btn-cont">
					<div class="operright cyt-retract-close hideMenu">
						收起筛选<i class="iconfont">&#xe658;</i>
					</div>
					<div class="operright cyt-retract-open showMenu" style="display: none;">
						展开筛选<i class="iconfont">&#xe936;</i>
					</div>
					<@shiro.hasPermission name="sys:role:add">
					<!--data-url="/sys/role/roleEdit"-->
					<button class="layui-btn layui-btn-normal layui-btn-mid " type="button" data-tab-name="角色添加"  id="roleAddOrEdit" data-name="添加" ><i class="iconfont marr5">&#xe65e;</i>添加</button>
					<!--<button class="layui-btn layui-btn-normal layui-btn-mid addBtn" type="button" data-tab-name="角色添加"  id="roleAddOrEdit" data-name="添加" ><i class="iconfont marr5">&#xe65e;</i>添加</button>-->
					</@shiro.hasPermission>
					<@shiro.hasPermission name="sys:role:del">
					<button class="layui-btn layui-btn-normal layui-btn-mid deleteBtn" type="button" data-url="/sysRole/delete"><i class="iconfont marr5">&#xe6a3;</i>删除</button>
					</@shiro.hasPermission>
					<div class="triangle-bottom"></div>
					<div class="triangle-top"></div>
				</div>
				<div class="search-details">
						<div class="layui-form-item marb5">
							<div class="layui-inline">
								<label class="layui-form-label w75">角色名称：</label>
								<div class="layui-input-inline">
									<input type="text" name="roleName" id="roleName" placeholder="请输入角色名称" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label w75">状态：</label>
								<div class="layui-input-inline">
									<select name="status" id="status">
									</select>
								</div>
							</div>
							<div class="layui-inline marl8">
								<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="seacherBtn">搜索</button>
								<button class="layui-btn layui-btn-normal" type="reset" >重置</button>
							</div>
						</div>
				</div>

			</div>

			<div class="layui-form" id="table-list">
				<table id="entityList" lay-filter="entityList" class="cy-list-table"></table>
			</div>
		</form>
	</div>
	<script type="text/html" id="entityBar">
		<a class="layui-btn layui-btn-radius layui-btn-primary layui-btn-sm layui-smbtn-purple"  lay-event="rule">数据权限</a>
		<a class="layui-btn layui-btn-radius layui-btn-primary layui-btn-sm layui-smbtn-purple"  lay-event="user">用户信息</a>
		<@shiro.hasPermission name="sys:role:edit">
		<a class="layui-btn layui-btn-radius layui-btn-primary layui-btn-sm layui-smbtn-green"  lay-event="edit">编辑</a>
		</@shiro.hasPermission>
		<@shiro.hasPermission name="sys:role:del">
		<a class="layui-btn layui-btn-radius layui-btn-primary layui-btn-sm layui-smbtn-red" lay-event="del">删除</a>
		</@shiro.hasPermission>
	</script>
	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script>
        layui.use(['jquery','table','page','dialog','baseutil'],function(){
            var $ = layui.jquery,
            table = layui.table,
			page = layui.page,
            baseutil = layui.baseutil,
			dialog = layui.dialog;
            var tableIns=null;
            page.initDict("base_status",function (dictData) {
                page.showDict($("#status"),page.aceeptDictContentList(dictData,"base_status"),"请选择状态");
                var url="/sysRole/page";
                var cols=[
                    {type: 'checkbox', fixed: 'left'},
                    {type: 'numbers', title: '序号'},
                    {field: 'roleName', title: '角色名称',align:'center'},
                    {field: 'permission', title: '权限字符',align:'center', sort: true},
                    {field: 'sort', title: '显示顺序',align:'center', sort: true},
                    {field: 'status', title: '状态',align:'center', sort: true, templet:function(d){
                        if(d.status=="1"){
                            return '<span class="status-green">'+page.aceeptDictContentName(dictData,"base_status",d.status)+'</span>';
                        }else {
                            return '<span class="status-grey">'+page.aceeptDictContentName(dictData,"base_status",d.status)+'</span>';
                        }
                    }},
                    {field: 'createTime', title: '创建时间', align:'center', sort: true, templet:function(d){
                        return new Date(d.createTime).Format("yyyy-MM-dd hh:mm:ss");
                    }},
                    {title: '操作',width:300, templet:'#entityBar',align:"center", fixed: 'right'}
                ];
                tableIns=page.initDate(cols,url);
            });

            //监听行工具事件
            table.on('tool(entityList)', function(obj){
                var layEvent = obj.event,
                    data = obj.data;
                if(layEvent === 'edit'){ //编辑
                    page.editPopup("/sysRole/getAddOrEdit?id="+data.id,"角色编辑");
                }else if(layEvent === 'del'){ //删除
                    page.delete("/sysRole/removeByIds", {"id":data.id,"_method":"DELETE"},"确定删除角色【"+data.roleName+"】吗？",function (data) {
                        tableIns.reload();
                    });
                }else if(layEvent === 'rule'){ //数据权限
                    dialog.popUpMultSelect("数据权限","/sysRule/dTreeList",function (id,name) {
                        baseutil.post("/sysRole/addOrUpdate",{roleId:data.id,ruleIds:id},function (result) {
                            tableIns.reload();
                        });
                    })
                }else if(layEvent === 'user'){//用户信息
                    baseutil.post("/sysRole/getUserAndOrg",{roleId:data.id},function(result){
						var ids=result.data.uids;
                        dialog.popUpUserMultSelect("","","",ids,function (id,name) {
                            baseutil.post("/sysRole/UpdateUser",{roleId:data.id,ruleIds:id},function (result) {
                                tableIns.reload();
                            });
                        });
                    });

				}
            });
            $("#roleAddOrEdit").bind("click",function () {
                page.editPopup("/sysRole/getAddOrEdit","角色添加");
            });
        });
	</script>
	</body>
</html>